doctype html
html
    head
        meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
        meta(charset='utf-8')
        meta(name='description', content='overview &amp; stats')
        meta(name='viewport', content='width=device-width, initial-scale=1.0, maximum-scale=1.0')
        meta(name='msapplication-TileColor', content='#D83434')
        meta(name='msapplication-TileImage', content='favicon.ico')
        link(rel='icon', href='favicon.ico')
        link(rel='apple-touch-icon', href='favicon.ico')
        title= title
        link(rel='stylesheet', href='/css/jquery.mobile-1.4.5.min.css')
        link(rel='stylesheet', href='/css/style.css')
        link(rel='stylesheet', href='/css/lightbox.css')
    body
        div#pageone(data-role='page')
            div(data-role='header')
                h1 我的应用
                div(data-role='navbar')
                    ul
                        li
                            a(href='/manga/', data-icon='home') 首页
                        li
                            a(href='/manga/gallery', data-icon='grid') 画廊
                        li
                            a( href='/manga/about', data-icon='info') 关于

            div(data-role='content')
                block content
            div(data-role='footer')
                h1 &copy;NJUST 2015-2016
        script(src='/js/jquery-1.12.0.min.js')
        script(src='/js/jquery.mobile-1.4.5.min.js')
        script(src='/js/lightbox.min.js')
        script.
            lightbox.option({
                'resizeDuration': 100,
                'positionFromTop': 1,
                'showImageNumberLabel': false,
                'wrapAround': true
            })